<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/template.js"></script>
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>免费店铺管理软件、免费店铺管理系统、店铺管家_生意专家</title>		
	</head>

	<body>
<!--------------------------------导航条---------------->
<div id="nav"></div>
<!------------------------------------中间部分---------------------->
      <div class="model model1">
      	<div class="text-center" id="model">
      		<h1>生意并不复杂</h1>
      		<h6>只要选对工具</h6>
      		<a href="" class="btn btn-large" style=" color: white;font-family: 'microsoft yahei';">立即注册</a>
      	</div>
      </div>
<!------------------------------------详情介绍---------------->
<div id="web"class="bg-grey" style="margin-top:70px;display: block;height: 320px;">
     <div class="detiles text-center ">
  		<div class="col-xs-3 col-xs" v-for='item in intrs'>
	  		 <img :src="item.img" alt="" width="70px">
	         <h5>{{item.h5}}</h5>
	         <p>{{item.p}}</p>
	         <a>{{item.a}}</a>  
  		</div>
  	</div>
</div>
<!----------------------------------------收银记账-------------------->
<div class="bg-1 bg">
	<div class="money">
		<div class="row">
          <div class="col-xs-6">
			<h2 class="text-white" style="text-align: center;">收银记账</h2>
			<p class="text-p">
				你只管收钱，其余的交给生意专家。它不仅能让你飞快地记一笔账,<br>
                还自动帮你打印小票、发送感谢短信，或者快速办理一个新会员,<br>
				好生意，正是由这些点滴开始的。<br>
			</p>
			<a href="" class='text-p'>了解更多></a>
		</div>
		</div>
	</div>
</div>

<!------------------------------------------商品管理----------------------------------------------->
 <div class="bg-2">
     <div class="col-xs-8 goods">
		 <div class="m-t-60">
        <img src="../../public/images/店铺管理/demo-management.jpg" alt="" style='width:690px;height: 325px;'>
	     </div>
	</div>
	 <div class="col-xs-4">
           <div class="m-t-45">
			   <h5>商品管理</h5>
			   <p>我们为零售业商家提供清爽、一目了然的库存管理;<br>
			      同时，为餐饮、服务类商家提供加料、挂单等选择。
			   </p>
			   <a href="">了解更多 ></a>
		   </div>
	 </div>
 </div>
<!------------------------------------会员管理-------------------->
<div class="bg-3 bg">
	<div class="money">
		<div class="row">
          <div class="col-xs-6">
			<h2 class="text-white">会员管理</h2>
			<p id="bg3p">
				会员生日、积分等级、储值计次管理，应有尽有<br>
                                               用标签、分组区别会员偏好，精准识别会员价值，<br>
				针对性地开展营销，事半功倍。<br>
			</p>
			<a href="" id="bg3p" style="margin-top: 30px;">了解更多></a>
		</div>
		</div>
	</div>
</div>
<!----------------------------------连锁店管理------------------------------>
<div class="bg-2">
     <div class="col-xs-8 goods">
		 <div class="m-t-60">
        <img src="../../public/images/店铺管理/demo-chainstore.png" alt="" style='width:690px'>
	    </div>
	</div>
	 <div class="col-xs-4">
           <div class="m-t-45">
			   <h5>连锁店管理</h5>
			   <p>总店一键查询分店经营情况，多店统一开展短信营<br>
			      销，简单，如同管理一家店。会员跨店消费、跨店<br />
			      使用优惠券，尽显连锁店风范。
			   </p>
			   <a href="" style="position: relative;top:30px;">了解更多 ></a>
		   </div>
	 </div>
	 
 </div>
 <!------------------------------------- more----------------------------->
 <div id="web2" class="bg-grey" style="height: 427px;">
     <div class="detiles text-center " style="border-top: 1px solid rgb(230, 230, 230);">
     	<h2 style="text-align:center;margin: 0px;">更多个性化功能</h2>
  		<div class="col-xs-4 col-xs" v-for='item in intrs'>
	  		 <img :src="item.img" alt="" width="90px">
	         <h5>{{item.h5}}</h5>
	         <p>{{item.p}}</p>
	         <a>{{item.a}}</a>  
  		</div>
  	</div>	
</div>
<!----------------------------------footer---------------------------------->
  <div id="footer1"></div>
  <div id="footer2"></div>
  
<script>
    
     $('#nav').load('nav.html')
    $('#footer1').load('footer1.html')
     $('#footer2').load('footer2.html')
    
   
	var app = new Vue({
		el:'#web',
		data:
		{
			intrs:[
				{
					img:'../../public/images/店铺管理/one-stop-1.png',
					h5:'收银记账',
					p:'好生意，从记账开始',
					a:'了解详情'
				},
				{
					img:'../../public/images/店铺管理/one-stop-2.png',
					h5:'商品管理',
					p:'管理万千商品从未如此简单',
					a:'了解详情'
				},
				{
					img:'../../public/images/店铺管理/one-stop-3.png',
					h5:'会员管理',
					p:'让回头消费成为习惯',
					a:'了解详情'
				},
				{
				    img:'../../public/images/店铺管理/one-stop-4.png',
					h5:'连锁店管理',
					p:'不止1家店，选它就对了',
					a:'了解详情'	
				}
			]
		}	
	})
	var app = new Vue({
		el:'#web2',
		data:
		{
			intrs:[
					{
					    img:'../../public/images/店铺管理/own.png',
						h5:'暂结账｜挂单',
						p:'适合餐饮、服务业，先服务，后结账。',
						a:'了解详情'	
					},
					{
					    img:'../../public/images/店铺管理/vikings.png',
						h5:'维客短信',
						p:'用关怀，维护顾客关系，回头客翻倍。',
						a:'了解详情'	
					},
					{
					    img:'../../public/images/店铺管理/mobileCharge.png',
						h5:'手机充值',
						p:'话费，哪儿充都一样，选最便宜的！',
						a:'了解详情'	
					}
		    ]
		}	
	})
</script>
	</body>
</html>
